@import "root";
.job {
    margin-top: 20rpx;
    background: white;
    border-radius: 16rpx;
    padding: 24rpx;
}

.job-head {
    display: flex;
    align-items: start;
    position: relative;
}

.job-head .more {
    right: -12rpx;
    top: 6rpx;
}

.job-label {
    font-size: 20rpx;
    padding: 4rpx 12rpx;
    margin-right: 10rpx;
    margin-top: 6rpx;
}

.job-title {
    font-size: $font-normal;
    color: $black;
    width: 520rpx;
}

.job-avatar {
    width: 50rpx;
    height: 50rpx;
    border-radius: 50rpx;
    margin-right: 15rpx;
}

.job-creator {
    color: $grey;
    font-size: $font-mini;
    @include space-between;
    margin-top: 10rpx;
}

.job-creator-msg {
    display: flex;
    align-items: center;
}

.job-dayNight {
    font-size: 20rpx;
    padding: 5rpx 15rpx;
    background: rgba(148, 151, 177, 0.1);
    border-radius: 20rpx;
}

.job-dayNight.day {
    background-color: rgba(255, 199, 104, 0.1);
    color: rgb(255, 199, 104);
}

.job-msg {
    margin-top: 20rpx;
    background: $white;
    border-radius: 8rpx;
    padding: 12rpx 24rpx;
    font-size: $font-mini;
    color: $black;
    line-height: 45rpx;
}

.job-msg-key {
    color: $grey;
    margin-right: 10rpx;
}